<!doctype html> 
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>ISD Webteam</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
<script src="../jquery-1.3.2.min.js"></script>
<script>
	var broV;
	if($.browser.msie){
		broV='ie'+parseInt($.browser.version);
	}else if($.browser.mozilla){
		broV='ff';
	}else if($.browser.safari){
		broV='sa';
	}else if($.browser.opera){
		broV='op';
	};
	//alert(broV);
	//alert(navigator.userAgent);
	$('html').addClass(broV);
</script>
</head>

<body>

<!--=S 头部=-->
<header class="img_bg_header header">
	<h1><a href="##" title="ISD Webteam" class="img_bg_header">ISD Webteam</a></h1>
	<nav class="img_bg_header">
		<h2 class="hide">导航</h2>
		<p>
			<span><a href="/" title="首 页" class="current">首 页</a><span> | </span></span>
			<span><a href="##" title="项 目">项 目</a><span> | </span></span>
			<span><a href="##" title="方 法">方 法</a><span> | </span></span>
			<span><a href="##" title="规 范">规 范</a><span> | </span></span>
			<span><a href="##" title="分 享">分 享</a><span> | </span></span>
			<span><a href="##" title="团 队">团 队</a></span>
		</p>
	</nav>
</header>
<!--=E 头部=-->

<!--=S 首页中间部分=-->
<div id="wrapper" class="bg_wf">
	<div class="inner">
		<div class="main">
			<!--==S 左侧主要内容==-->
			<section>
				<!--===S 轮播图===-->
				<div class="img_slides" style="background:#000;">
					<!--这里放轮播图-->
				</div>
				<!--===E 轮播图===-->
				<!--===S 重点项目===-->
				<header class="mode_tit">
					<h2 class="img_bg">重点项目</h2>
					<p><a href="##" title="更多">更多</a></p>
				</header>
				<ul class="mode_list_imgtxt">
					<li>
						<article>
							<header>
								<h3><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h3>
							</header>
							<footer>
								<p class="info">时间：<time>2009-06-25</time> 分类：视觉设计 作者：牛爷</p>
								<p class="cover"><a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a></p>
							</footer>
							<p>Spotify是由26岁的瑞典程序员丹尼尔·埃克(Daniel Ek)所创办。李嘉诚基金会并未透露对该公司的具体投资额度以及所购股份数额。</p>
						</article>
					</li>
					<li>
						<article>
							<header>
								<h3><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h3>
							</header>
							<footer>
								<p class="info">时间：<time>2009-06-25</time> 分类：视觉设计 作者：牛爷</p>
								<p class="cover"><a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a></p>
							</footer>
							<p>Spotify是由26岁的瑞典程序员丹尼尔·埃克(Daniel Ek)所创办。李嘉诚基金会并未透露对该公司的具体投资额度以及所购股份数额。</p>
						</article>
					</li>
					<li>
						<article class="last">
							<header>
								<h3><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h3>
							</header>
							<footer>
								<p class="info">时间：<time>2009-06-25</time> 分类：视觉设计 作者：牛爷</p>
								<p class="cover"><a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a></p>
							</footer>
							<p>Spotify是由26岁的瑞典程序员丹尼尔·埃克(Daniel Ek)所创办。李嘉诚基金会并未透露对该公司的具体投资额度以及所购股份数额。</p>
						</article>
					</li>
				</ul>
				<!--===E 重点项目===-->
				<!--===S 方法===-->
				<div class="left mode_list_index">
					<header class="mode_tit">
						<h2 class="img_bg">方法</h2>
					</header>
					<article>
						<header>
							<h3><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h3>
						</header>
						<footer>
							<p class="info">时间：<time>2009-06-25</time> 作者：牛爷</p>
							<p class="cover"><a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a></p>
						</footer>
						<p>Spotify是由26岁的瑞典程序员丹尼尔·埃克(Daniel Ek)所创办</p>
					</article>
					<ul class="mode_list_txtime">
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
					</ul>
				</div>
				<!--===E 方法===-->
				<!--===S 规范===-->
				<div class="right mode_list_index">
					<header class="mode_tit">
						<h2 class="img_bg">规范</h2>
					</header>
					<article>
						<header>
							<h3><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h3>
						</header>
						<footer>
							<p class="info">时间：<time>2009-06-25</time> 作者：牛爷</p>
							<p class="cover"><a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a></p>
						</footer>
						<p>Spotify是由26岁的瑞典程序员丹尼尔·埃克(Daniel Ek)所创办</p>
					</article>
					<ul class="mode_list_txtime">
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
					</ul>
				</div>
				<!--===E 规范===-->
			</section>
			<!--==E 左侧主要内容==-->
			<!--==S 右侧附属内容==-->
			<aside>
				<!--===S 搜索===-->
				<div class="mode_search">
					<form action="/" method="post">
						<fieldset>
							<legend>站内搜索</legend>
							<p class="mode_search_cont"><input type="text" name="Search" id="Search" class="int_txt" /> <input type="submit" value="搜 索" class="img_bg int_sub" /></p>
							<h3 class="hide">热门搜索关键词</h3>
							<p class="mode_tags">
								<a href="##" title="个性相册">个性相册</a> <a href="##" title="Qzone">Qzone</a> <a href="##" title="品牌">品牌</a> <a href="##" title="真人秀明星">真人秀明星</a> <a href="##" title="网页重构">网页重构</a> <a href="##" title="交互">交互</a> <a href="##" title="模块化">模块化</a> <a href="##" title="网站组">网站组</a> <a href="##" title="效率">效率</a> <a href="##" title="交互">交互</a> <a href="##" title="品牌">品牌</a> <a href="##" title="真人秀明星">真人秀明星</a> <a href="##" title="网页重构">网页重构</a>
							</p>
						</fieldset>
					</form>
				</div>
				<!--===E 搜索===-->
				<!--===S 分享===-->
				<div class="mode_aside_panel">
					<header class="mode_tit">
						<h2 class="img_bg">分享</h2>
						<p><a href="##" title="更多">更多</a></p>
					</header>
					<ul class="mode_list_txtime">
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="Qzoneing 主题视觉设计分享">Qzoneing 主题视觉设计分享</a></h4>
								</header>
								<footer>
									<time>2009-06-25</time>
								</footer>
							</article>
						</li>
					</ul>
				</div>
				<!--===E 分享===-->
				<!--===S 设计师===-->
				<div class="mode_aside_panel">
					<header class="mode_tit">
						<h2 class="img_bg">设计师</h2>
						<p><a href="##" title="更多">更多</a></p>
					</header>
					<div class="mode_index_list_designer">
						<ul>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
							<li>
								<a href="##" title="Qzoneing 主题视觉设计分享"><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:80px; height:80px;" /></a>
							</li>
						</ul>
					</div>
				</div>
				<!--===E 设计师===-->
				<!--===S 设计师===-->
				<div class="mode_aside_panel mode_aside_other">
					<p><img src="../img/c/pic_1.jpg" alt="Qzoneing 主题视觉设计分享" style="width:270px; height:76px;" /></p>
					<ul class="mode_list_txtime">
						<li>
							<article>
								<header>
									<h4><a href="##" title="[规范] ISD各产品线视觉规范">[规范] ISD各产品线视觉规范</a></h4>
								</header>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="[素材] 真人素材库">[素材] 真人素材库</a></h4>
								</header>
							</article>
						</li>
						<li>
							<article>
								<header>
									<h4><a href="##" title="[素材] 视觉设计素材库">[素材] 视觉设计素材库</a></h4>
								</header>
							</article>
						</li>
					</ul>
				</div>
				<!--===E 设计师===-->
			</aside>
			<!--==E 右侧附属内容==-->
		</div>
	</div>
</div>
<!--=E 首页中间部分=-->

<footer class="bg_wf footer">
	<section>
		<hr />
		<p>Copyright &copy; 1998-2009 Tencent Inc. All Rights Reserved. Powered by <a href="http://wordpress.org" title="WordPress">WordPress</a>. </p>
		<p>Design by Pix, Code by iVane & Damao</p>
	</section>
</footer>

</body>
</html>
